/**
 *  props 校验--默认值
 *  函数组件默认值：1.使用defaultProps 2.函数参数默认值(推荐方案)
 * 区别: 第一种在用的时候组件内部已经有了pageSize这个prop 
 *       第二种只要传递的时候组件内部才有这个prop
 */

import React from "react"
// 里面有各种各样的内置的校验规则
// import PropTypes from 'prop-types'

// 函数组件
function Test ({ pageSize = 10 }) {
  return (
    <div>
      this is test
      <p>{pageSize}</p>
    </div>
  )
}

// Test.defaultProps = {
//   pageSize: 10 // 如果传的话以传入的为主 如果不传默认值是10
// }
class App extends React.Component {

  render () {
    return (
      <>
        {/* <Test list={[1, 2, 3, 4]}></Test> */}
        <Test pageSize={20}></Test>
      </>
    )
  }
}
export default App
